<script setup lang="ts">
import Sidebar from '@/components/Sidebar.vue'
import MainContent from '@/components/MainContent.vue'
import { ref } from 'vue'
const isCollapsed = ref(true)
</script>

<template>
  <div class="layout">
    <Sidebar :collapsed="isCollapsed"></Sidebar>
    <MainContent @toggle-sidebar="isCollapsed = !isCollapsed"></MainContent>
  </div>
</template>
<style scoped>
.layout {
  display: flex;
}
</style>
